<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>知识梳理</title>
    <style>
        h4 {
            color: rgb(9, 128, 0);
        }

        h3,
        h4 {
            display: inline;
        }

        .content1 {
            font-weight: bolder;
            color: blue;
        }

        .content2 {
            font-weight: 650px;
            color: rgb(240, 148, 0);
        }

        .content3 {
            font-weight: 600px;
            color: green;
        }
        ol>li,ul>li{
            font-weight: lighter;
            color: black;
        }
        img{
            height: 150px;
            width: 500px;
        }
    </style>
</head>
<body>
    <h3>知识梳理_
    </h3>
    <h4>王其</h4>
    <ul>
        <li class="content1">列表
            <ol>
                <li>有序列表</li>
                <li>无序列表</li>
                <li>自定义列表</li>
            </ol>
        </li>
        <li class="content1">超链接
            <div>
            <dl>
                <dt class="content2">语法格式</dt>
                    <dd><a href="#"><img src="第三周课堂作业/第三周作业图片.png"></a></dd>
                <dt  class="content2">分类</dt>
                    <dd class="content3">源端点
                   
                    <ul type="circle">
                        <li>文本链接</li>
                        <li>图像链接</li>
                        <li>图像映射</li>

                        
                    </ul>
                    </dd>

                    <dd class="content3">目标端点
                        <ul type="disc">
                            <li>内部链接</li>
                            <li>外部链接</li>
                            <li>书签链接</li>
                            <li>脚本链接</li>
                            <li>文件下载链接</li>
                        </ul>

                    </dd>
            </dl>

        </li>

    </ul>
</div>
</body>
</html>